<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情页-天涯明月刀周边商城</title>
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="stylesheet" href="/css/infopage.css">
</head>
<body>
    <header>
        
    </header>
    
    <div class="main">
        <div class="main-box">
            <!-- 商品路径 提示 -->
            
            <div class="main-box-showshop">
                <div class="main-box-showshop-wrap">
                    <!-- 商品展示 -->
                    <script type="text/html" id="zoom-template">
                        
                        <!-- 商品细节图 放大镜部分 -->
                        {{if photo[0]}}
                        <div class="main-box-showshop-wrap-showzoom">
                            <img src="{{photo[0].url}}" alt="" class="zoomborder" id="zoom-img">

    
                          
                            <ul id="gall">
                                {{each photo imgs}}
                                <li><img src="{{imgs.url}}"  alt=""></li>
                                {{/each}}
                            </ul>
                        </div>
                        {{/if}}
                        <!-- 商品描述以及加入购物车 -->
                        <div class="main-box-showshop-wrap-decinfo">
                            <h3 class="dec-name">{{title}}</h3>
                            {{if commodityHint}}
                                <div class="dec-tips">{{commodityHint.text}}</div>
                            {{/if}}
                            <!-- 预定商品价格展示 -->
                            <p class="dec-showprice">￥<strong>{{price}}</strong></p>
                            
                            <div class="dec-saleinfo">
                                
                                    
                                    <b>原价{{originPrice}}
                                        {{if couponValue}}
                                            <span style="color: red;">{{couponValue}}
                                            </span>
                                        {{/if}}
                                    </b>
                                
                            </div>
                            <div class="dec-pj">
                                <div class="dec-sold fleft">已售：<span style="color: black;">{{saleNum}}</span></div>
                                {{if expireDate}}
                                    <div class="dec-sumpj fleft">优惠有效期:<span class="pj-num">{{expireDate}}</span></div>
                                {{/if}}
                            </div>
                            
                            
                            
                            <div class="dec-num">
                                <label class="fleft" style="padding-top: 10px;">数量</label>
                                <div class="dec-num-box" style="margin-left: 74px;">
                                    <span class="info-sub">-</span>
                                    <input type="text" value="1" class="cartnum">
                                    <span class="info-add">+</span>
                                </div>
                                
                                <span class="dec-stock"></span>
                            </div>
                            
                            <div class="dec-btn">
                                <div class="fleft" id="addcart"><span>加入购物车</span></div>
                                
                                <a href="/html/cart.html" class="fleft" style="margin:0 30px;"><span>领卷购买</span></a>
                                
                            </div>

                            

                        </div>
                        <div class="descContentList">
                            {{each descContentList listimg}}
                                {{if listimg.image}}
                                <img src="{{listimg.image.url}}" alt="" >
                                {{/if}}
                            {{/each}}
                        </div>
                    </script>
                </div>
                

                        
                    </div>
                    
                </div>

                
            </div>
        </div>
    </div>


    <footer></footer>
    <script src="/libs/require/require.min.js" data-main="/js/infopage"></script>
</body>
</html>